<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>SIASS - SISTEMA DE ASISTENCIA</title>
    </h:head>
    <h:body>
        <h:form id="form">
            <p:layout id="layout"  fullPage="true" >
                <p:layoutUnit position="north" size="75"  closable="true"  >  
                    <center ><h1 style="font-size: 22px">ASISTENCIA</h1></center>
                </p:layoutUnit>  
                <p:layoutUnit position="center" size="100"  closable="true">
                    <p:growl id="growl" showDetail="true" />
                    <center>
                        
                        <p:fieldset legend="SELECCIONAR" toggleable="false"> 
                            <p:panelGrid columns="2" style="border: none">
                                <p:panelGrid columns="2" id="gridat1" style="border: none">
                                    <h:outputLabel value="Capítulo :"/>
                                    <h:selectOneMenu  value="#{asistenciaBean.numCap}">
                                        <f:selectItem itemLabel="[SELECCIONE]" itemValue="0" />
                                        <f:selectItems value="#{asistenciaBean.listaCapitulo}" var="cap" 
                                                       itemLabel="#{cap.nombre}" itemValue="#{cap.idCaptiulo}"/>
                                        <p:ajax event="change" listener="#{asistenciaBean.buscarSesiones()}" 
                                                update="selectCiclo" />
                                    </h:selectOneMenu>
                                    <h:outputLabel value="Sesión :"/>
                                    <h:selectOneMenu id="selectCiclo" value="#{asistenciaBean.numSesion}" >
                                        <p:ajax update=":form:cursos" />
                                        <f:selectItem itemLabel="[SELECCIONE]" itemValue="0" />
                                        <f:selectItems value="#{asistenciaBean.listaSesion}" var="ses" 
                                                       itemLabel="#{ses.nombre}" itemValue="#{ses.idSesion}"/>
                                    </h:selectOneMenu>
                                </p:panelGrid>
                            </p:panelGrid>
                        </p:fieldset>
                        <br/><br/>
                        <p:fieldset legend="LISTA DE ALUMNOS" toggleable="false">
                            <p:growl id="growl2" showDetail="true" />
                            <p:dataTable id="cursos"  value="#{asistenciaBean.listaAlum}" var="alum" rowKey="#{alum}" 
                                         style="width: 800px;" editable="true"
                                         emptyMessage="No hay alumnos matriculados en este grupo">
                                <p:column headerText="Nro" style="text-align: center ; width: 5%;">
                                    #{asistenciaBean.listaAlum.indexOf(alum)+1}
                                </p:column>
                                <p:column headerText="Código" >
                                    <h:outputText value="#{alum.codigo}"/>
                                </p:column>
                                <p:column headerText="Apellido Paterno" >
                                    <h:outputText value="#{alum.persona.appaterno}"/>
                                </p:column>
                                <p:column headerText="Apellido Materno" >
                                    <h:outputText value="#{alum.persona.apmaterno}"/>
                                </p:column>
                                <p:column headerText="Nombres" >
                                    <h:outputText value="#{alum.persona.nombres}"/>
                                </p:column>
                                <p:column headerText="Asistencia" >
                                    <h:selectOneMenu id="select" value="#{asistenciaBean.estadAlum}" >
                                        <p:ajax event="change" update=":form:growl :form:growl2" listener="#{asistenciaBean.grabarAsistenciaAl(alum,asistenciaBean.numSesion)}" />
                                        <f:selectItem itemLabel="[SELECCIONE]" itemValue="0" />
                                        <f:selectItem itemLabel="Asistió" itemValue="1" />
                                        <f:selectItem itemLabel="Tardanza" itemValue="2" />
                                        <f:selectItem itemLabel="Falta" itemValue="3" />
                                        <f:selectItem itemLabel="Justificó" itemValue="4" />
                                    </h:selectOneMenu>
                                </p:column>
                            </p:dataTable>
                            <br/><br/>
                            <p:commandButton id="btn1s" value="Regresar" action="Menu.xhtml"/>
                        </p:fieldset>
                    </center>

                </p:layoutUnit>
            </p:layout>
        </h:form>
    </h:body>
</html>

